
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

    <style>
        .el-header, .el-footer {
            background-color: #B3C0D1;
            color: #333;
            text-align: center;
            line-height: 60px;
            height: 200px;
            font-size: 20px;
            font-weight: bolder;
        }

        .el-aside {
            background-color: #D3DCE6;
            color: #333;
            text-align: center;
            line-height: 200px;
        }
        .a{

            margin: 50px auto;
            border: 0px solid red;
            width: 1200px;
            height: 200px;
        }
    </style>
</head>
<body>
<div id="app">
    <el-container>
        <el-header>排班管理系统</el-header>
    </el-container>
    <div class="a">
        <template>
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane label="经 办 部" name="first">
                    <el-button type="info" @click="physical">体检科</el-button>
                </el-tab-pane>
                <el-tab-pane label="门 诊 部" name="second">
                    <el-button type="info" @click="physical">血液内科</el-button>
                </el-tab-pane>
                <el-tab-pane label="急 诊 部" name="third">
                    <el-button type="info" @click="physical">消化内科</el-button>
                    <el-button type="info" @click="physical">手术科</el-button>
                </el-tab-pane>
            </el-tabs>
        </template>
    </div>
</div>
<script>
    var haha = new Vue({
        el:"#app",
        data:{
            activeName: 'second',
        },
        methods:{
            physical(){
                window.location.href="/ssm/doctor/addScheduling.html";
            },
            handleClick(tab, event) {
                console.log(tab, event);
            }
        },
    });
</script>
</body>
</html>
